<template>
  <ul>
     <li><router-link to="/filmlist" ><i class="iconfont icon-dianying"></i>电影</router-link></li>
     <li><router-link to="/cinema/cityid" ><i class="iconfont icon-yingyuan"></i>影院</router-link></li>
     <li><router-link to="/news" ><i class="iconfont icon-zixun"></i>资讯</router-link></li>
     <li><router-link to="/user"><i class="iconfont icon-yonghu1"></i>我的</router-link></li>
  </ul>
</template>

<script>
import City from "@/components/city.vue"
export default {
   data(){
      return {
         cityid:'4984'
      }
   },
   components:{
      City
   }
}
</script>

<style scoped>
ul{
   height:100%;
   display: flex;
   justify-content: space-around;
   align-items: center;
}
ul li a{
   display: flex;
   flex-direction: column;
   align-items: center;
}
ul li a i{
   font-size:0.5rem!important;
}
</style>